<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="sys" uri="/menutaglib"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>${sessionScope.web_name}</title>
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<link rel="stylesheet" id='style_color' href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/${sessionScope.web_style}.css" type="text/css"/>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/constants.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/common/fscapp_sys.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/echarts/echarts.js"></script>
	</head>
    <body class="page-header-fixed">
        <!-- BEGIN HEADER -->
        <jsp:include page="../common/systemUserSelfHeader.jsp"></jsp:include>
        <!-- END HEADER -->
        <!-- BEGIN CONTAINER -->   
		<div class="page-container row-fluid" >
			<!-- BEGIN HORIZONTAL MENU PAGE SIDEBAR1 -->
			<div class="page-sidebar nav-collapse collapse">
				<!-- BEGIN SIDEBAR MENU -->
				<ul class="page-sidebar-menu">
					<sys:sysNav ctgLevelOne="sysOperate" ctgLevelTwo="sysMonitor" />
				</ul>
				<!-- END SIDEBAR MENU -->
			</div>
			<!-- END BEGIN HORIZONTAL MENU PAGE SIDEBAR -->
			<div class="container-fluid">
				<div class="row-fluid">
				</div>
			</div>
			<div class="page-content">
				<!-- BEGIN PAGE CONTAINER-->
				<div class="container-fluid">
					<!-- BEGIN PAGE HEADER-->
					<div class="row-fluid crumbs">
						<div class="beginPageHearderBg_1"></div>
						<div class="beginPageHearderBg_2"></div>
						<div class="page-title page-title-style"><i class="icon-sitemap"></i>运营</div>
						<div class="page-title-desc"><i class="fa fa-info-circle"></i>查询系统的cup内存等资源占用情况(*)</div>
						<div class="span12 breadcrumb-style">
							<ul class="breadcrumb">
								<li>
									<i class="icon-home"></i>
									<a href="${sessionScope.web_home}">首页</a>
									<i class="icon-angle-right"></i>
								</li>
								<li>
									<a href="#">运营</a>
									<i class="icon-angle-right"></i>
								</li>
								<li><a href="#">系统监控</a></li>
							</ul>
							<!-- END PAGE TITLE & BREADCRUMB-->
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<div class="portlet box yellow">
								<div class="portlet-title">
									<div class="caption"><i class="icon-reorder"></i>基本信息监控</div>
									<div class="tools">
										<a href="javascript:;" class="collapse"></a>
									</div>
									<div class="actions">
									</div>
								</div>
								<div class="portlet-body">
									<div class="row-fluid">
										<div class="span4">
										    <div id="sysCpu" style="height:300px;"></div>
										</div>
										<div class="span4">
										     <div id="sysMem" style="height:300px;"></div>
										</div>
										<div class="span4">
										     <div id="sysDisk" style="height:300px;"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<div class="portlet box yellow">
								<div class="portlet-title">
									<div class="caption"><i class="icon-bar-chart"></i>JVM监控</div>
									<div class="tools">
										<a href="javascript:;" class="collapse"></a>
									</div>
									<div class="actions">
									</div>
								</div>
								<div class="portlet-body">
									<div id="sysJvm" style="height:500px;"></div>
								</div>
							</div>
						</div>
					</div>
					<!-- END PAGE CONTENT-->
				</div>
			</div>
		</div>
        <!-- 
        <div class="clearfix"> </div>
		<div class="page-container">
			<div class="page-sidebar-wrapper">
				<div class="page-sidebar navbar-collapse collapse">
					<ul class="page-sidebar-menu  page-header-fixed page-sidebar-menu-closed" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
						<li class="sidebar-toggler-wrapper hide">
							<div class="sidebar-toggler"></div>
						</li>
						<sys:sysNav ctgLevelOne="sysOperate" ctgLevelTwo="sysMonitorMgr" />
					</ul>
				</div>
			</div>
			<div class="page-content-wrapper">
				<div class="page-content">
					<div class="page-bar">
						<ul class="page-breadcrumb">
							<li><span>运营</span><i class="fa fa-circle"></i></li>
							<li><span>系统监控</span></li>
						</ul>
					</div>
					<br/>
					<div class="row">
						<div class="col-md-4">
						    <div class="portlet light bordered">
                                <div class="portlet-body">
                                    <div id="sysCpu" style="height:300px;"></div>
                                </div>
                            </div>
						</div>
						<div class="col-md-4">
						    <div class="portlet light bordered">
                                <div class="portlet-body">
                                    <div id="sysMem" style="height:300px;"></div>
                                </div>
                            </div>
						</div>
						<div class="col-md-4">
						    <div class="portlet light bordered">
                                <div class="portlet-body">
                                    <div id="sysDisk" style="height:300px;"></div>
                                </div>
                            </div>
						</div>
						<div class="col-md-12">
						    <div class="portlet light bordered">
						        <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-bar-chart font-green"></i>
                                        <span class="caption-subject font-green bold uppercase"> JVM监控</span>
                                        <span class="caption-helper">jvm monitor...</span>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <div id="sysJvm" style="height:500px;"></div>
                                </div>
                            </div>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		 -->
        <!-- END CONTAINER -->
        <!-- BEGIN FOOTER -->
        <jsp:include page="../common/sysFooter.jsp"></jsp:include>
        <script>
			jQuery(document).ready(function() {    
			   App.init();
			   TableAdvanced.init();
			});
		</script>
        <!-- END FOOTER -->
        <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/sys/monitorMgr.js"></script>
    </body>
</html>